<template>
    <div>
        <div style="height: 40px;"></div>
        <el-col :offset="4" :span="16">
            <el-input style="height: 60px;" placeholder="请输入新的板块名" v-model="newTitle" />
            <el-input style="height: 60px;" placeholder="请输入简介" v-model="newIntroduction" />
            <div style="height: 80px;"></div>
            <!-- 添加 -->
            <el-button @click="updateMessage" type="success">更新</el-button>
            <!-- 取消 -->
            <el-button @click="msgClock = true" >取消</el-button>
        </el-col>
    </div>
</template>

<script>
    export default {
        name: "createPlate",
        data(){
            return{
                newTitle:'',
                newIntroduction:'',
            }
        },
        methods:{
            updateMessage:function () {
                this.$axios.post("/api/plate/create",{
                    name:this.newTitle
                })
                .then(req=>{
                    this.$message.success("添加完成");
                })
            }
        }
    }
</script>

<style scoped>

</style>
